<!DOCTYPE HTML>
<html>
<head>
<title>北京青禾数字科技有限公司</title>
<link href="/Public/Index/css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="/Public/Index/css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="/Public/Index/js/jquery-1.11.1.min.js"></script>
<script src="/Public/Index/js/bootstrap.js"></script>
<link href='http://fonts.useso.com/css?family=Damion' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
<script src="/Public/Index/js/responsiveslides.min.js"></script>
 <script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	nav: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script>
  <!--startsmothscrolling-->
<script type="text/javascript" src="/Public/Index/js/move-top.js"></script>
<script type="text/javascript" src="/Public/Index/js/easing.js"></script>
 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
<!--endsmothscrolling-->

</head>
<body>
<!--header-->
	<div class="header ">
		<div class="container">
			<nav class="navbar navbar-default">
				<div class="container-fluid">
		<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>				  
						<div class="navbar-brand">
							<h1><a href="javascript:;">Good Food</a></h1>
						</div>
					</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						
								  
					</div><!-- /.navbar-collapse -->
				</div><!-- /.container-fluid -->
			</nav>
			<div class="slider">
				<div class="callbacks_container">
					<ul class="rslides" id="slider">
						 <li>	 
							<div class="caption">
							<div class="col-md-6 cap-img">
							<img src="/Public/Index/images/p.png"  class="img-responsive" alt="/">
							</div>
							<div class="col-md-6 cap">
								<h3>The highest quality </h3>  
								<p>Lorem ipsum dolor sit amet, consectetuer adipig elit. Praesent vestibulummolestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fuscesuscipit varius mi. Cum sociis natoque penatibus et magnis.</p>
							</div>
							</div>
							<div class="clearfix"></div>
						 </li>
						 <li>
							<div class="caption">
							<div class="col-md-6 cap-img">
								<img src="/Public/Index/images/p1.png"  class="img-responsive" alt="/">
							</div>
							<div class="col-md-6 cap">
								<h3>made specially for u </h3> 
								<p>Lorem ipsum dolor sit amet, consectetuer adipig elit. Praesent vestibulummolestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fuscesuscipit varius mi. Cum sociis natoque penatibus et magnis.</p>
							</div>
							</div>
							<div class="clearfix"></div>
						</li>
						 <li>	          
							<div class="caption">
							<div class="col-md-6 cap-img">
							<img src="/Public/Index/images/p2.png"  class="img-responsive" alt="/">
							</div>
							<div class="col-md-6 cap">
								<h3>The highest quality </h3>
								<p>Lorem ipsum dolor sit amet, consectetuer adipig elit. Praesent vestibulummolestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fuscesuscipit varius mi. Cum sociis natoque penatibus et magnis.</p>
							</div>
							</div>
							<div class="clearfix"></div>
						 </li>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
<!--header-->
			<!--content-->
				<div class="content">
				<!--high-->
					<div class="high-quality">
						<div class="container">
							<h3>RECEIVE GOOD FOOD </h3>
							<h2>AND <span>HIGH QUALITY</span> SERVICE</h2>
							<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit an</p>
						</div>
					</div>
					<!--high-->
					<!--menu-->
						<div class="feature-menu" id="menu">
							<div class="container">
								<h3><span>feature</span> menu</h3>
								<div class="feature-grids">
									<div class="col-md-4 feature-grid">
										<img src="/Public/Index/images/m1.png" class="img-responsive" alt="/">
										<div class="rate rate1">
											<h5>¥9</h5>
										</div>
									</div>
									<div class="col-md-4 feature-grid">
									<img src="/Public/Index/images/m2.png" class="img-responsive" alt="/">
									<div class="rate">
											<h5>¥9</h5>
										</div>
									</div>
									<div class="col-md-4 feature-grid">
									<img src="/Public/Index/images/m3.png" class="img-responsive" alt="/">
									<div class="rate">
											<h5>¥9</h5>
										</div>
									</div>
									<div class="col-md-4 feature-grid">
									<img src="/Public/Index/images/m4.png" class="img-responsive" alt="/">
									<div class="rate">
											<h5>¥9</h5>
										</div>
									</div>
									<div class="col-md-4 feature-grid">
									<img src="/Public/Index/images/m5.png" class="img-responsive" alt="/">
									<div class="rate">
											<h5>¥9</h5>
										</div>
									</div>
									<div class="col-md-4 feature-grid">
									<img src="/Public/Index/images/m6.png" class="img-responsive" alt="/">
									<div class="rate">
											<h5>¥9</h5>
										</div>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
					<!--menu-->
					<!--post-->
					<div class="last-post">
						<div class="container">
							<h3><span>latest</span> post</h3>
							<div class="last-grids">
								<div class="col-md-3 last-grid">
									<div class="last1">
										 <a href="#" class="mask"><img src="/Public/Index/images/g7.jpg" alt="image" class="img-responsive zoom-img"></a>
										<h4>Molestie consequat</h4>
										<p>Est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepiu .</p>
									</div>
								</div>	
								<div class="col-md-3 last-grid">
									<div class="last1">
										<a href="#" class="mask"><img src="/Public/Index/images/g5.jpg" alt="image" class="img-responsive zoom-img"></a>
										<h4>Quam nunc putam</h4>
										<p>Est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepiu .</p>
									</div>
								</div>	
								<div class="col-md-3 last-grid">
									<div class="last1">
										<a href="#" class="mask"><img src="/Public/Index/images/g2.jpg" alt="image" class="img-responsive zoom-img"></a>
										<h4>Molestie consequat</h4>
										<p>Est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepiu .</p>
									</div>
								</div>	
								<div class="col-md-3 last-grid">
									<div class="last1">
										<a href="#" class="mask"><img src="/Public/Index/images/g4.jpg" alt="image" class="img-responsive zoom-img"></a>
										<h4>Quam nunc putam</h4>
										<p>Est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepiu .</p>
									</div>
								</div>	
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
						<!--post-->
						<!--news-->
							<div class="new-section">
								<div class="container">
									<h3><span>latest</span> news</h3>
										<div class="news-grids">
											<div class="col-md-4 new-grid">
												 <a href="#" class="mask"><img src="/Public/Index/images/n1.jpg" alt="image" class="img-responsive zoom-img"></a>
												 <h4><a href="#">Cum sociis natoque</a></h4>
												<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit massa…</p>
											</div>
											<div class="col-md-4 new-grid">
											<a href="#" class="mask"><img src="/Public/Index/images/n2.jpg" alt="image" class="img-responsive zoom-img"></a>
												 <h4><a href="#">Cum sociis natoque</a></h4>
												<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit massa…</p>
											</div>
											<div class="col-md-4 new-grid">
											<a href="#" class="mask"><img src="/Public/Index/images/n3.jpg" alt="image" class="img-responsive zoom-img"></a>
												 <h4><a href="#">Cum sociis natoque</a></h4>
												<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed blandit massa…</p>
											</div>
											<div class="clearfix"></div>
										</div>
								</div>
							</div>
						<!--news-->
						<!--footer-->
					<div class="footer-section">
						<div class="container">
							<div class="footer-grids">
								<div class="col-md-3 footer-grid">
									<h4>product</h4>
									<ul>
										<li>Fresh fruits </li>
										<li>Dried fruits</li>
										<li>Herbs & spices</li>
										<li>Fresh vegetables</li>
										<li>Seafood</li>
									</ul>
								</div>
								<div class="col-md-3 footer-grid">
									<h4>Open Hours</h4>
									<ul>
										<li>Mondays: Closed</li>
										<li>Tue-Fri : 10am - 11pm</li>
										<li>Sat-Sun : 9am - 11pm</li>
										<li>Public Holidays : 10am - 8pm</li>
									</ul>
								</div>
								<div class="col-md-3 footer-grid">
									<h4>Get In Touch</h4>
									<p>8901 Marmora Road</p>
									<p>Glasgow, DO4 89GR.</p>
									<p>Telephone : +1 234 567 890</p>
									<p>FAX : + 1 234 567 890</p>
									<p>E-mail : <a href="javascript:;"> example@mail.com</a></p>

								</div>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
			<!--footer-->	

				</div>
				<!--copy-->
					<div class="copy-section">
						<div class="container">
							<p>Copyright &copy; 2019.北京青禾数字科技有限公司 All rights reserved.<a target="_blank" href="#"></a></p>
						</div>
					</div>
				<!--copy-->
		<div class="modal fade" id="myModal1" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document">
				<div class="modal-content modal-info">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>						
					</div>
						<div class="modal-body">
							<div class="compose-grids">
									<div class="payment-online-form-left">
											<form>
												<h4><span class="shipping"> </span>Shipping Details</h4>
												<ul>
													<li><input class="text-box-dark" type="text" value="First Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'First Name';}"></li>
													<li><input class="text-box-dark" type="text" value="Last Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Last Name';}"></li>
												</ul>
												<ul>
													<li><input class="text-box-dark" type="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}"></li>
													<li><input class="text-box-dark" type="text" value="Phone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone';}"></li>
												</ul>
												<ul>
													<li><input class="text-box-dark" type="text" value="Address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Address';}"></li>
													<li><input class="text-box-dark" type="text" value="Pin Code" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Pin Code';}"></li>
													
												</ul>
												<div class="clearfix"></div>
												<h4 class="paymenthead"><span class="payment"></span>Payment Details</h4>
												<div class="clearfix"></div>
											<ul class="payment-type">
												<li><span class="col_checkbox">
													<input id="3" class="css-checkbox1" type="checkbox">
													<label for="3" class="css-label1"></label>
													<a class="visa" href="#"></a>
													</span>												
												</li>
												<li>
													<span class="col_checkbox">
														<input id="4" class="css-checkbox2" type="checkbox">
														<label for="4" class="css-label2"></label>
														<a class="paypal" href="#"></a>
													</span>
												</li>
											</ul>
												<ul>
													<li><input class="text-box-dark" type="text" value="Card Number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Card Number';}"></li>
													<li><input class="text-box-dark" type="text" value="Name on card" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name on card';}"></li>
												
												</ul>
												<ul>
													<li><input class="text-box-light hasDatepicker" type="text" id="datepicker" value="Expiration Date" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Expiration Date';}"><em class="pay-date"> </em></li>
													<li><input class="text-box-dark" type="text" value="Security Code" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Security Code';}"></li>
												
												</ul>

									  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
									<button type="submit" class="btn btn-success">Process order</button>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
</body>
</html>
